.sidebar {
    a {
        color: #555;
    }
    >div {
        width: 100%;
        margin: 20px 0;
        padding: 20px 40px;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 5px;
        transition: all 0.3s;
        &:hover {
            box-shadow: 0 4px 12px 12px rgba(7,17,27,.15);
            background: rgba($color: #fff, $alpha: .7);
        }
    }
    .sidebar-user {
        .sidebar-user-portrait {
            text-align: center;
            width: 100px;
            height: 100px;
            overflow: hidden;
            margin: 0 auto;
            border-radius: 50%;
            img {
                height: 100px;
            }
        }
        p {
            font-weight: 500;
            font-size: 26px;
            text-align: center;
        }
        span {
            font-size: 14px;
        }
    }
    .sidebar-new {
        div{
            .article-title {
                font-size: 95%;
                line-height: 1.5;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .article-time {
                display: block;
                color: #858585;
                font-size: 85%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            a {
                transition: all 0.3s;
            }
            &:hover a{
                color: #49b1f5;
            }
        }
    }
    .sidebar-information p{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}